//1.路由依赖于vue.js 使用路由前先要引入vue.js
import Vue from 'vue'

//导入vue-touter路由器
import VueRouter from 'vue-router'



//使用路由插件
Vue.use(VueRouter)

//配置路由  路由是一组一组路径与组件的配置规则 写成数组来配置
const routes = [
    //一个路由规则是一个对象
    {
        path:'/emp', //配置路由的地址
        name:'emp', //配置路由的名字
        component: ()=>import('../views/manager/EmpView.vue'), //路径要跳转到的组件\
    },
    {
        path:'/dept', //配置路由的地址
        name:'dept', //配置路由的名字
        component: ()=>import('@/views/manager/DeptView.vue') //路径要跳转到的组件
    },
    //项目启动的时候进入某一个组件
  {
    path:'/',//启动项目的地址
    redirect:'/emp'  //项目启动的时候重定向到emp路由对应的组件
  }

]

//创建路由器对象
const router = new VueRouter(
    {
        routes
    }
);

//暴露路由
export default router
